html,
body {
    min-width: 13.025rem;
    height: 100%;
    

    .zhuyeWrap {
        min-width: 13.025rem;
        height: 100%;
        // background:;
        background: url(../image/image_3/bg@2x.png) center center rgba(26, 27, 31);
        background-size: 100% 100%;
        // opacity: 0.9;
        // header

        
        header {
            position: relative;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            height: 1.25rem;

            // background-color: pink;
            .dateHeadBg {
                // flex: 1;
                height: 1.25rem;
                line-height: .625rem;
                text-align: right;
                color: #fff;
                font-size: .2625rem;
                position: absolute;
                top: 0;
                left: 2.625rem;

            }

            h1 {
                flex: 1;
                height: 1.25rem;
                width: auto;
                text-align: center;
                line-height: .625rem;
                font-size: .4rem;
                color: #fff;
            }

            .hospitalBg {
                // flex: 1;
                position: absolute;
                right: 3.5rem;
                height: 1.25rem;
                line-height: .625rem;
                text-align: left;
                font-size: .2625rem;
                color: #fff;
            }

        }

        // section
        section {
            width: 100%;
            height: 88%;
            // background-color: pink;
            display: flex;

            .leftBg {
                flex: 2;
                height: 100%;
                display: flex;
                flex-direction: column;

                .menzhenghuanzheBg {

                    margin: 0 auto 0;
                    width: 96%;
                    height: 31%;
                    // background-color: #fff;
                    background: url(../image/1menzhenfeiyong.png) no-repeat;
                    background-size: 100% 100%;

                    .menzhenTabsBg {
                        width: 100%;
                        height: .5rem;
                        display: flex;
                        flex-direction: row;

                        & li {
                            margin: .3rem 0 0 0;
                            width: 33%;
                            height: 100%;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;

                            cursor: pointer;

                            & p:nth-child(1) {
                                line-height: .5rem;
                                color: #fff;
                                font-size: .2rem;
                            }

                            & p:nth-child(2) {
                                width: 60%;
                                height: .0125rem;
                                border-bottom: .0125rem solid #0cf0ff;
                            }
                        }

                    }

                    // 科室门诊费用分析 药品费用 人均费用
                    #mengzhengfeiyongBgId {
                        width: 90%;
                        height: 63%;
                        margin: .425rem auto 0;
                        // background: pink;
                    }

                    #yaopinfeiyongBgId {
                        width: 90%;
                        height: 63%;
                        margin: .425rem auto 0;
                        // background: green;
                    }

                    #renjunfeiyongBgId {
                        width: 90%;
                        height: 63%;
                        margin: .425rem auto 0;
                        // background: brown;
                    }
                }

                .gekeshigefeiyongmingxitongjiBg {
                    margin: .25rem auto;
                    width: 96%;
                    height: 31%;
                    // background-color: #fff;
                    background: url(../image/2keshifeiyong.png) no-repeat;
                    background-size: 100% 100%;
                    position: relative;

                    .gekeshifeiyongTabsBg {
                        width: 96%;
                        height: .65rem;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        margin: 0 auto;
                        // overflow: hidden;

                        & li {
                            margin: .3rem 0 0 0;
                            width: 18%;
                            height: 100%;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            // border: .0125rem solid #f00;
                            cursor: pointer;

                            & p:nth-child(1) {
                                line-height: .5rem;
                                color: #fff;
                                font-size: .185rem;
                            }

                            & p:nth-child(2) {
                                width: 50%;
                                height: .0125rem;
                                border-bottom: .0125rem solid #0cf0ff;
                            }
                        }

                        & li:nth-child(1) {
                            margin: .3rem 0 0 0.15rem;
                        }

                    }

                    // 科室门诊费用明细统计
                    #fangsheDRfeiBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: pink;
                        // display: none;
                    }

                    #cailiaofeiBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: rgb(192, 204, 255);
                        display: none;
                    }

                    #zhongchengyaofeiBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: blue;
                        display: none;
                    }

                    #huayanfeiBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: pink;
                        display: none;
                    }

                    #xuefeiBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: #0cf0ff;
                        display: none;
                    }

                    #fangsheCtBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: yellow;
                        display: none;
                    }




                    .leftArrowBg {
                        position: absolute;
                        top: .5rem;
                        left: .2rem;
                        width: .20rem;
                        height: .20rem;
                        background: url(../image/qiehuanzuo.png) no-repeat;
                        background-size: 100% 100%;
                    }

                    .rightArrowBg {
                        position: absolute;
                        top: .5rem;
                        right: .23rem;
                        width: .20rem;
                        height: .20rem;
                        background: url(../image/qiehuanyou.png) no-repeat;
                        background-size: 100% 100%;
                    }
                }

                .gekeshichuyuanhuanzhefeiyongfenxiBg {
                    // position: relative;
                    margin: 0 auto 0;
                    width: 96%;
                    height: 31%;
                    // background-color: #fff;
                    background: url(../image/3chuyuanfeiyong.png) no-repeat;
                    background-size: 100% 100%;

                    .gekeshichuyuanhuanzheTabsBg {

                        width: 96%;
                        height: .65rem;
                        display: flex;
                        flex-direction: row;
                        justify-content: space-around;
                        margin: 0 auto;

                        & li {
                            margin: .3rem 0 0 -0.375rem;
                            width: auto;
                            height: 100%;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            cursor: pointer;

                            & p:nth-child(1) {
                                line-height: .5rem;
                                color: #fff;
                                font-size: .18rem;
                            }


                        }

                        & li:nth-child(1) {
                            margin: .3rem 0 0 -0.1rem;

                            & p:nth-child(2) {
                                width: 50%;
                                height: .0125rem;
                                border-bottom: .0125rem solid #0cf0ff;
                            }
                        }

                        & li:nth-child(2) {
                            margin: .3rem 0 0 -0.1rem;

                            & p:nth-child(2) {
                                width: 50%;
                                height: .0125rem;
                                border-bottom: .0125rem solid #0cf0ff;
                            }

                        }

                        & li:nth-child(3) {
                            margin: .3rem 0 0 -0.1rem;

                            & p:nth-child(2) {
                                width: 50%;
                                height: .0125rem;
                                border-bottom: .0125rem solid #0cf0ff;
                            }
                        }

                        & li:nth-child(4) {
                            margin: .3rem 0 0 -0.1rem;

                            & p:nth-child(2) {
                                width: 50%;
                                height: .0125rem;
                                border-bottom: .0125rem solid #0cf0ff;
                            }
                        }

                        & li:nth-child(5) {
                            margin: .3rem 0 0 -0.1rem;

                            & p:nth-child(2) {
                                width: 50%;
                                height: .0125rem;
                                border-bottom: .0125rem solid #0cf0ff;
                            }
                        }

                        & li:nth-child(6) {
                            margin: .3rem 0 0 -0.1rem;

                            & p:nth-child(2) {
                                width: 50%;
                                height: .0125rem;
                                border-bottom: .0125rem solid #0cf0ff;
                            }
                        }

                        & li:nth-child(7) {
                            margin: .3rem 0 0 -0.1rem;

                            & p:nth-child(2) {
                                width: 50%;
                                height: .0125rem;
                                border-bottom: .0125rem solid #0cf0ff;
                            }
                        }

                    }

                    //
                    #fuchankezhuyuanbuBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: pink;
                        // display: none;
                    }

                    #jizhenzhuyuanbuBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: #fbfdfd;
                        display: none;
                    }

                    #gukezhuyuanbuBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: yellowgreen;
                        display: none;
                    }

                    #xuetoushiBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: yellow;
                        display: none;
                    }

                    #waikezhuyaunbuBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: black;
                        display: none;
                    }

                    #neikeBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: black;
                        display: none;
                    }

                    #kangfuzhuyaunbuBgId {
                        width: 90%;
                        height: 61%;
                        margin: .295rem auto 0;
                        // background: pink;
                        display: none;
                    }




                    .leftArrowBBg {
                        position: absolute;
                        top: .5rem;
                        left: .2rem;
                        width: .20rem;
                        height: .20rem;
                        background: url(../image/qiehuanzuo.png) no-repeat;
                        background-size: 100% 100%;
                    }

                    .rightArrowBBg {
                        position: absolute;
                        top: .5rem;
                        right: .23rem;
                        width: .20rem;
                        height: .20rem;
                        background: url(../image/qiehuanyou.png) no-repeat;
                        background-size: 100% 100%;
                    }
                }
            }


            .centerBg {
                flex: 4;
                height: 100%;
                // background-color: yellow;
                display: flex;
                flex-direction: column;
                position: relative;

                .centerHeadListBg {
                    flex: 2;
                    width: 97%;
                    display: flex;
                    flex-direction: column;
                    // background: pink;
                    margin: 0 auto 0;

                    .centerHeadFirstoL {
                        flex: 2;
                        width: 100%;
                        display: flex;
                        // background: pink;

                        & li {
                            width: 24%;
                            height: 100%;
                            background: url(../image/kuang.png) no-repeat;
                            background-size: 100% 100%;
                            margin: .125rem;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;

                            & p:nth-child(1) {

                                font-size: .25rem;
                                color: #fff;
                                font-weight: 400;
                                letter-spacing: .04rem;
                                padding: .0625rem 0;
                            }

                            & p:nth-child(2) {
                                width: 80%;
                                height: .0375rem;
                                background: url(../image/lineBtn.png) no-repeat;
                                background-size: 100% 100%;

                            }

                            & p:nth-child(3) {

                                font-size: .35rem;
                                color: #fff;
                                font-weight: 400;
                                letter-spacing: .09rem;
                                padding: .0625rem 0;
                            }
                        }
                    }

                    .centerHeadSencondoL {
                        flex: 2;
                        width: 100%;
                        display: flex;
                        margin: .1875rem 0 0 0;
                        justify-content: start;
                        padding: .125rem 0 0 0;


                        // background: pink;
                        & li {
                            width: 30%;
                            height: .6625rem;
                            background: url(../image/pingxingsibianxingBtn.png) no-repeat;
                            background-size: 100% 100%;
                            text-align: center;
                            line-height: .6625rem;
                            font-size: .25rem;
                            color: #fff;
                            cursor: pointer;
                        }

                        & li:nth-child(1) {
                            margin: 0 0 0 .45rem;
                        }

                        & li:nth-child(2) {
                            margin: 0 0 0 .15rem;
                        }

                        & li:nth-child(3) {
                            margin: 0 0 0 .15rem;
                        }
                    }
                }

                .mapBg {
                    flex: 3.5;
                    width: 100%;
                    // border: 0.01rem solid #f00;
                    display: flex;
                    flex-direction: column;
                    margin: 0 auto 0;
                    background: url(../image/maoBack.png) no-repeat 50% 50%;
                    // background: red;
                    background-size: 50% 100%;
                    position: relative;
                    top: -0.05rem;
                    left: 0;

                    .mapOlMapBg {
                        width: 100%;
                        height: 100%;

                        // border: 1px solid blue;

                        // 测试 
                        & li {

                            // background: rgba(255, 182, 193, 0.3);

                            cursor: pointer;
                        }

                        & li:nth-child(1) {
                            position: absolute;
                            width: 1.3rem;
                            height: 1.3rem;
                            top: 0.25rem;
                            left: 4.4rem;
                            // background: url(../image/map/dian1.png) no-repeat;
                            background-size: 100% 100%;
                        }

                        & li:nth-child(2) {
                            position: absolute;
                            width: 0.85rem;
                            height: 1.5rem;
                            top: 1.2rem;
                            left: 3.5rem;
                            // background: url(../image/map/dian1.png) no-repeat;
                            background-size: 100% 100%;
                        }

                        & li:nth-child(3) {
                            position: absolute;
                            width: 1.3rem;
                            height: 2.2rem;
                            top: 1.8rem;
                            left: 4.7rem;
                            // background: url(../image/map/dian1.png) no-repeat;
                            background-size: 100% 100%;
                        }

                        & li:nth-child(4) {
                            position: absolute;
                            width: 0.9rem;
                            height: 1.3rem;
                            top: 2.7rem;
                            left: 6.9rem;
                            // background: url(../image/map/dian1.png) no-repeat;
                            background-size: 100% 100%;
                        }

                        & li:nth-child(5) {
                            position: absolute;
                            width: 0.8rem;
                            height: 1.5rem;
                            top: 2rem;
                            left: 7.9rem;
                            // background: url(../image/map/dian1.png) no-repeat;
                            background-size: 100% 100%;
                        }

                        & li:nth-child(6) {
                            position: absolute;
                            width: 0.8rem;
                            height: 1.1rem;
                            top: 0.8rem;
                            left: 7.8rem;
                            // background: url(../image/map/dian1.png) no-repeat;
                            background-size: 100% 100%;
                        }

                        & li:nth-child(7) {
                            position: absolute;
                            width: 1.3rem;
                            height: 0.9rem;
                            top: 0.35rem;
                            left: 5.8rem;
                            // background: url(../image/map/dian1.png) no-repeat;
                            background-size: 100% 100%;
                        }

                        & li:nth-child(8) {
                            position: absolute;
                            width: 0.8rem;
                            height: 1.2rem;
                            top: 1.7rem;
                            left: 6.2rem;
                            // background: url(../image/map/dian1.png) no-repeat;
                            background-size: 100% 100%;
                        }

                        & li:nth-child(9) {
                            position: absolute;
                            width: 0.65rem;
                            height: 1.2rem;
                            top: 1.3rem;
                            left: 7.1rem;
                            // background: url(../image/map/dian1.png) no-repeat;
                            background-size: 100% 100%;
                        }

                    }

                    .dotSBg {

                        width: 100%;
                        height: 40%;

                        & li {
                            width: .5rem;
                            height: .5rem;
                            background: url(../image/map/dian1.png) no-repeat;
                            background-size: 100% 100%;
                            cursor: pointer;
                        }

                        & li:nth-child(1) {
                            position: absolute;
                            top: 0.4rem;
                            left: 4.8rem;
                        }

                        & li:nth-child(2) {
                            position: absolute;
                            top: 1.9rem;
                            left: 3.8rem;
                        }

                        & li:nth-child(3) {
                            position: absolute;
                            top: 2.4rem;
                            left: 5.1rem;
                        }

                        & li:nth-child(4) {
                            position: absolute;
                            top: 3rem;
                            left: 7.1rem;
                        }

                        & li:nth-child(5) {
                            position: absolute;
                            top: 2.6rem;
                            left: 8.1rem;
                        }

                        & li:nth-child(6) {
                            position: absolute;
                            top: 1.3rem;
                            left: 8rem;
                        }

                        & li:nth-child(7) {
                            position: absolute;
                            top: 0.6rem;
                            left: 6.1rem;
                        }

                        & li:nth-child(8) {
                            position: absolute;
                            top: 2.25rem;
                            left: 6.3rem;
                        }

                        & li:nth-child(9) {
                            position: absolute;
                            top: 1.5rem;
                            left: 7.2rem;
                        }
                    }

                }

                .menzhenrizhiBg {

                    flex: 2;
                    width: 97%;
                    background: url(../image/4menzhenrizhimingxi.png) no-repeat;
                    background-size: 100% 100%;
                    margin: 0 auto .25rem;

                    .mengzhenrizhiBgTitle {
                        width: 95%;
                        height: 14%;
                        // border: 1px solid #0cf0ff;
                        display: flex;
                        flex-direction: row;
                        justify-content: space-around;
                        align-items: center;
                        font-size: .225rem;
                        color: #fff;
                        margin: .48rem auto 0;

                    }

                    .mengzhenrizhiBgContent {
                        width: 95%;
                        height: 1.5rem;
                        margin: 0.05rem auto 0;
                        // border: 0.01rem solid #0cf0ff;
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        align-items: flex-start;
                        overflow-y: auto;
                        // border: 0.01rem solid #fff;

                        /*修改滚动条样式*/
                        &::-webkit-scrollbar {
                            width: .075rem;
                            height: .025rem;
                            /**/
                        }

                        &::-webkit-scrollbar-track {
                            background: #0c8594;
                            border-radius: .025rem;
                        }

                        &::-webkit-scrollbar-thumb {
                            background: #515151;
                            border-radius: .125rem;
                        }

                        &::-webkit-scrollbar-thumb:hover {
                            background: #fff;
                        }

                        div::-webkit-scrollbar-corner {
                            background: #179a16;
                        }

                        ul {
                            width: 100%;
                            height: .375rem;
                            display: flex;
                            flex-direction: row;
                            justify-content: space-around;
                            align-items: center;
                            // border: 0.01rem solid #f00;

                            & li {
                                height: 100%;
                                // width: 10%;
                                font-size: .2rem;
                                color: #fff;
                                // border: .0125rem solid #f00;
                                text-align: center;
                            }

                            & li:nth-child(1) {
                                width: 3%;

                            }

                            & li:nth-child(2) {
                                width: 9%;
                                text-align: right;
                                // border: 0.01rem solid pink;
                            }

                            & li:nth-child(3) {
                                width: 10%;
                            }

                            & li:nth-child(4) {
                                width: 5%;
                                text-align: center;

                            }

                            & li:nth-child(5) {
                                width: 6%;
                                text-align: left;
                                // border: 0.01rem solid pink;

                            }

                            & li:nth-child(6) {
                                width: 6%;
                                text-align: center;
                            }

                            & li:nth-child(7) {
                                width: 10%;
                                text-align: right;
                            }

                            & li:nth-child(8) {
                                width: 8%;
                                text-align: right;
                                overflow: hidden;
                                /*超出部分隐藏*/
                                white-space: nowrap;
                                /*不换行*/
                                text-overflow: ellipsis;

                            }
                        }

                    }
                }
            }

            .rightBg {
                flex: 2;
                height: 100%;
                // background-color: red;

                .gekeshizhuyuanrenshutongjiBg {
                    margin: 0 auto 0;
                    width: 96%;
                    height: 31%;
                    // background-color: #fff;
                    background: url(../image/5keshizhuyuanrenshu.png) no-repeat;
                    background-size: 100% 100%;

                    div {
                        width: 96%;
                        height: 96%;
                        margin: 0 auto;
                        // border: .0125rem solid green;
                    }
                }

                .jiuzhenhuanzhezhengduanpaihangBg {

                    margin: .25rem auto;
                    width: 96%;
                    height: 31%;
                    // background-color: #fff;
                    background: url(../image/7zhenduanpaihang.png) no-repeat;
                    background-size: 100% 100%;
                    position: relative;

                    // #mengzhenrizhiBgId {
                    //     width: 99%;
                    //     height: 96%;
                    //     // border: .0125rem solid red;
                    // }

                    // .neibuBg {
                    //     width: 90%;
                    //     height: 82%;

                    //     // margin: 0 auto 0;
                    //     position: absolute;
                    //     top: 0.3rem;
                    //     left: 0.4rem;
                    //     overflow-y: auto;
                    //     // border: 0.01rem solid #fff;

                    //     /*修改滚动条样式*/
                    //     &::-webkit-scrollbar {
                    //         width: .075rem;
                    //         height: .025rem;
                    //         /**/
                    //     }

                    //     &::-webkit-scrollbar-track {
                    //         background: #0c8594;
                    //         border-radius: .025rem;
                    //     }

                    //     &::-webkit-scrollbar-thumb {
                    //         background: #515151;
                    //         border-radius: .125rem;
                    //     }

                    //     &::-webkit-scrollbar-thumb:hover {
                    //         background: #fff;
                    //     }

                    //     div::-webkit-scrollbar-corner {
                    //         background: #179a16;
                    //     }

                    //     .itmeBg {
                    //         width: 96%;
                    //         height: 15%;
                    //         display: flex;
                    //         flex-direction: row;
                    //         justify-content: flex-start;
                    //         align-items: center;
                    //         padding: .1rem;
                    //         // border: .0125rem solid red;

                    //         & :nth-child(1) {
                    //             flex: 1;
                    //             // height: 100%;
                    //             font-size: .2rem;
                    //             color: #fff;
                    //             text-align: center;
                    //             line-height: .4375rem;
                    //         }

                    //         & :nth-child(2) {
                    //             flex: 3;
                    //             height: .25rem;

                    //             p {
                    //                 width: 100%;
                    //                 height: 60%;
                    //                 border-radius: 0.25rem;
                    //                 background-color: red;
                    //             }
                    //         }

                    //         & :nth-child(3) {
                    //             flex: 1;
                    //             // height: 100%;
                    //             font-size: .225rem;
                    //             color: #fff;
                    //             text-align: center;
                    //             line-height: .4375rem;
                    //         }
                    //     }
                    // }
                }

                .mengzhenrizhiBg {
                    margin: 0 auto 0;
                    width: 96%;
                    height: 31%;
                    // background-color: #fff;
                    background: url(../image/8chuangweishiyonglv.png) no-repeat;
                    background-size: 100% 100%;
                    // display: flex;
                    // flex-direction: column;
                    // justify-content: flex-start;
                    // align-items: flex-start;

                    #chuangweishiyonglvBgId {
                        width: 99%;
                        height: 96%;
                        // border: .0125rem solid red;
                    }


                }
            }

            .leftBtn {
                position: absolute;
                top: 1.7rem;
                left: .20rem;
                width: .375rem;
                height: .375rem;
                background: url(../image/leftIcon.png) no-repeat;
                background-size: 100% 100%;
            }

            .rightBtn {
                position: absolute;
                top: 1.7rem;
                right: .20rem;
                width: .375rem;
                height: .375rem;
                background: url(../image/rightIcon.png) no-repeat;
                background-size: 100% 100%;
            }
        }



    }
}